$(function () {
    var num=1,//定义翻页的一个全局变量;
        neiRong,ziXunTag,reMen,jingXuan,coverUrl,allPage,//发布或者保存的时候要用到的参数
        id,page,//获取图片列表时要用到的参数
        huoID,//翻页的时候需要获取标签的id
        fanDao;//跳转页面的时候需要用到

    // 预览
    $('.yulan').click(function () {
        $('.presee').show()
        $('.mask-change').show()
    });

    //取消预览
    $('.presee-cancle').click(function () {
        $('.presee').hide()
        $('.mask-change').hide()
    });

    // 上传图片弹窗
    $('.shangchuan-pic').click(function () {
        $('.transfer').show();
        $('.mask-change').show();
        //获取上传图片弹出框中每一个标签对应的img;默认是显示全部图片,
        page = imgList( '',1,12,0 );
        $('span.page').html('1/'+page);
    });

    //隐藏上传图片的弹窗
    $('.transfer h3 img,.sc-tanchuang-quxiao').click(function () {
        $('.mask-change').hide()
        $('.transfer').hide()
        $('.add-zu').hide()
    });

    //上传图片的弹窗左侧的标签是用angular动态生成的.用each遍历不到,要用到事件委托:on或者delegate;    已经做好
    $('.tuwen-ul').delegate("li","click",function(event){
        var target=$(event.target);
        target.addClass('active').siblings('li').removeClass('active');
        var x = target.index();//获取li的索引值.通过这种方式获取到的是相对与父级的下标
        target.attr('num',1);
        $('.tuwen-tag div.tuwen-tag-right').eq(x).show().siblings('.tuwen-tag-right').hide();
        // 获取每一个标签所对应的图片列表跟后台获取,默认显示第1页;
        id = target.attr('id');
        page = imgList( id,1,12,x );
        $('span.page').eq(x).html('1/'+page);
    });

    // 弹框中获取图片列表的接口
    function imgList( id,page,size,_index )
    {
        $.ajax({
            async:false,
            cache:false,
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:scimagelist,
            data:{
                id:id,
                page:page,
                size:size,
            },
            dataType:'json',
            success:function(result){
                if( result.resultCode == 200 )
                {
                    var value=result.value;
                    allPage=result.count;//图片列表的图片总页数;
                    $('.tag-tu-ul').eq(_index).html('');
                    for( var i=0;i<value.length;i++ )
                    {
                        $('.tag-tu-ul').eq(_index).append('<li><img src="'+address+''+value[i].imgurl+'" onOff="1"></li>');
                    };
                }
                else if( result.resultCode == 515 )
                {
                    reLogin()
                }
                else
                {
                    // alert('图片列表接口出错,非200!')//状态时500表示查询失败,要搜索的东西都为空;
                };
                console.log('第1页图片列表请求成功!!!!');
            },
            error:function (){
                console.log('图片列表获取失败!!');
            }
        });
        return allPage;
    };

    //翻页    下一页     已经解决
    $(document).on('click','.next',function(){
        var x = $('.next').index(this);//获取到的是在整个页面当中.prev这个类名的index;
        num = $('.tuwen-ul li').eq(x).attr('num');
        num++;
        huoID=$('.tuwen-ul li').eq(x).attr('id');
        $.ajax({
            async:false,
            cache:false,
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:scimagelist,
            success:function(result){
                if(result.resultCode == 200)
                {
                    var value=result.value;
                    var allPage=result.count;//图片列表的图片总页数;
                    if( num > allPage )
                    {
                        num = allPage;
                        $('.tuwen-ul li').eq(x).attr('num',num-1);
                    };
                    $('.tuwen-ul li').eq(x).attr('num',num);
                    $('span.page').eq(x).html(num+'/'+allPage);
                    $('.tag-tu-ul').eq(x).html('');
                    for( var i=0;i<value.length;i++ )
                    {
                        $('.tag-tu-ul').eq(x).append('<li><img src="'+address+''+value[i].imgurl+'" onOff="1"></li>');
                    };
                    console.log('第1页图片列表请求成功!!!!');
                }
                else if(result.resultCode == 515)
                {
                    reLogin()
                }
                else
                {
                    alert('接口非200,非515')
                }
            },
            error:function (){
                console.log('图片列表获取失败!!');
            },
            data:{
                id:huoID,
                page:num,
                size:12,
            },
            dataType:'json',
        });


    });

    //翻页    上一页     已经解决
    $(document).on('click','.prev',function(){
        var x = $('.prev').index(this);//获取到的是在整个页面当中.prev这个类名的index;
        num = $('.tuwen-ul li').eq(x).attr('num');
        num--;
        if(num<1)
        {
            num = 1;
        };
        $('.tuwen-ul li').eq(x).attr('num',num);
        huoID=$('.tuwen-ul li').eq(x).attr('id');
        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:scimagelist,
            data:{
                id:huoID,
                page:num,
                size:12,
            },
            dataType:'json',
            success:function(result){
                if(result.resultCode == 200)
                {
                    var value=result.value;
                    var allPage=result.count;//图片列表的图片总页数;
                    $('span.page').eq(x).html(num+'/'+allPage);
                    $('.tag-tu-ul').eq(x).html('');
                    for( var i=0;i<value.length;i++ )
                    {
                        $('.tag-tu-ul').eq(x).append('<li><img src="'+address+''+value[i].imgurl+'" onOff="1"></li>');
                    };
                    console.log('第1页图片列表请求成功!!!!');
                }
                else if(result.resultCode == 515)
                {
                    reLogin()
                }
                else
                {
                    alert('接口非200,非515')
                };
            },
            error:function (){
                console.log('图片列表获取失败!!');
            },
        });
    });

    //翻页    跳转      有bug
    $(document).on('click','.wrod',function(){
        var x = $('.wrod').index(this);//获取到的是在整个页面当中.prev这个类名的index;
        huoID=$('.tuwen-ul li').eq(x).attr('id');
        fanDao=$('.tiaozhuan').eq(x).children('input').val();//获取输入框中的值;
        $('.tuwen-ul li').eq(x).attr('num',fanDao);

        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:scimagelist,
            success:function(result){
                if(result.resultCode == 200)
                {
                    var value=result.value;
                    var allPage=result.count;//图片列表的图片总页数;
                    if( fanDao>allPage )
                    {
                        fanDao = allPage;
                        $('.tuwen-ul li').eq(x).attr('num',fanDao);
                    };
                    $('span.page').eq(x).html(fanDao+'/'+allPage);
                    $('.tag-tu-ul').eq(x).html('');
                    for( var i=0;i<value.length;i++ )
                    {
                        $('.tag-tu-ul').eq(x).append('<li><img src="'+address+''+value[i].imgurl+'" onOff="1"></li>');
                    };
                    console.log('第1页图片列表请求成功!!!!');
                }
                else if(result.resultCode == 515)
                {
                    reLogin()
                }
                else
                {
                    alert('接口非200,非515')
                };
            },
            error:function (){
                console.log('图片列表获取失败!!');
            },
            data:{
                id:huoID,
                page:fanDao,
                size:12,
            },
            dataType:'json',
        });
    });

    //点击本地上传,上传图片到对应的文件夹下;      已经做好
    $(document).on('change','.local',function(){
        var x = $('.local').index(this);//获取到的是在整个页面当中.local这个类名的index;
        var id=$('.tuwen-ul li').eq(x).attr('id');
        if( id == '' )
        {
            id = 0;
        };
        var option={
            type: "POST",
            headers: {"Accept-CMS-Token":token},
            url: saveimage,
            data: {
                fileName:"fileSize",
                sclabelId:id
            },
            async: false,
            error: function(request) {
                alert("Connection error");
            },
            success: function(result){
                if(result.resultCode == 200)
                {
                    $('.tag-tu-ul').eq(x).prepend('<li><img src="'+address+result.value+'"></li>');
                }
                else if(result.resultCode == 515)
                {
                    reLogin();
                }
                else if(result.resultCode == 500)
                {
                    $('.tag-tu-ul').eq(x).html('')
                }
                else
                {
                    // alert('接口非200,非515,非500')
                };
            }
        };
        $(".fileform").eq(x).ajaxSubmit(option);
    });

    //添加分组的弹框
    $('.add-fenzu').click(function (){
        $('.add-zu').show();
    });

    // 添加分组弹框取消
    $('.xinjian-cancle').click(function () {
        $(this).parent('p').parent('div').hide()
    });

    // 上传本地照片到网上  选中图片时高亮显示.为未来元素添加事件处理,用事件委托:on或者delegate;
    $(".tag-tu-ul").delegate("li","click",function(event){
        var target = $(event.target);//是img
        var pan=target.attr('onOff');
        if( pan==1 )
        {
            target.parent('li').css("border","3px solid #f00");
            target.attr('onOff',0);
        }
        else
        {
            target.parent('li').css("border","3px solid #fff");
            target.attr('onOff',1);
        }
    });

    // 确定上传,将高亮显示的图片上传到页面当中
    $('.sureUpload').click(function (){
        var total=$('.tag-tu-ul li img[onOff=0]').length;
        if( total==0 )
        {//上传封面图片时,
            alert('没有选中图片!')
        }
        $('.tag-tu-ul li').each(function (){
            var or=$(this).children('img').attr('onOff');
            if( or==0 )
            {//判断图片是否被选中,or等于0证明图片是处于被选中的状态.
                var picInfo=$(this).children('img').attr('src');
                $('.feng-mian img').attr('src',picInfo);
                $('.feng-mian img').css({'width':500},{'height':400});
                $('.transfer,.mask-change').hide();
            };
        })
    });

    //预览图文弹框的内容;
    $('.yulan').click(function(){
        var picUrl=$('.feng-mian img').attr('src');
        $('.presee-img img').attr('src',picUrl);
        var head=$('.tanTitle').val();
        $('.sub-intro').html(head+'<br><span class="sub-intro"></span><span class="zeng fr"><img src="images/word1.jpg" style="margin-right: 20px;" width="30" height="30"><img src="images/word2.jpg" width="30" height="30"></span>')
        getNowTime($('.sub-intro span.sub-intro'));//span里面的日期是当下的时间;

        var neiRong = UE.getEditor('myEditor').getContent();//通过这种方式来获取UEditor的编辑内容;
        $('.presee-cont').html(neiRong)

    });

    //获取当下时间,年月日
    function getNowTime(a)
    {
        var time = new Date();// 实例化一个对象

        var iYear = time.getFullYear();
        var iMonth = time.getMonth()+1;//0-11月份
        var iDate = time.getDate();
        return a.html(iYear+'-'+toZero(iMonth)+'-'+toZero(iDate));
    };

    //为日期补零
    function toZero(n)
    {
        return n = (n<=9? '0'+n:''+n);
    };

    //将整个页面表单的信息提交给后台;      发布type=1;   保存type=0;   已经写好了!      要实现页面跳转;
    $('input[name = save]').click(function(){
        neiRong = UE.getEditor('myEditor').getContent();//通过这种方式来获取UEditor的编辑内容;
        ziXunTag=$('input:radio[name="biaoqian"]:checked').val();
        reMen=$('input:radio[name="featured"]:checked').val();
        jingXuan=$('input:radio[name="popular"]:checked').val();
        coverUrl = isHttp($('.feng-mian img').attr('src'));
        if( ziXunTag==undefined)
        {//确定热门已被选择;
            $('.zixunTag-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.zixunTag-tips').html('');
        };
        if( reMen==undefined )
        {//确定热门已被选择;
            $('.remen-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.remen-tips').html('');
        };
        if( jingXuan==undefined )
        {//确定精选已被选择;
            $('.jingxuan-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.jingxuan-tips').html('');
        };

        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:savecontent,
            data:{
                id:'',
                bodyTitle:$('#shoujixinxiForm input[name=bodyTitle]').val(),//副标题,  好
                content:neiRong,//正文内容,     好
                coverUrl:coverUrl,//封面图url      好
                featured:jingXuan,//是否精选    好
                labelId:ziXunTag,//标签id,    好
                popular:reMen,//是否热门      好
                title:$('#shoujixinxiForm input[name=title]').val(),//标题,   好
                type:0,//保存,    好
                userId:1,
            },
            dataType:'json',
            success:function (data){
                if(data.resultCode == 200)
                {
                    console.log('咨询成功!!!');
                    alert('保存成功!');
                    window.location.href = zixun_admin + '?id=' + $.getUrlParam('id');;
                }
                else if(data.resultCode == 515)
                {
                    reLogin();
                }
                else
                {
                    alert('接口非200,非515')
                };
            },
            error:function (){
                console.log('保存失败!');
            }
        });
        return false;
    });
    $('.saveAndPub').click(function (){
        neiRong = UE.getEditor('myEditor').getContent();//通过这种方式来获取UEditor的编辑内容;
        ziXunTag=$('input:radio[name="biaoqian"]:checked').val();
        reMen=$('input:radio[name="featured"]:checked').val();
        jingXuan=$('input:radio[name="popular"]:checked').val();
        coverUrl = isHttp($('.feng-mian img').attr('src'));
        if( ziXunTag==undefined )
        {//确定热门已被选择;
            $('.zixunTag-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.zixunTag-tips').html('');
        };
        if( reMen==undefined )
        {//确定热门已被选择;
            $('.remen-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.remen-tips').html('');
        };
        if( jingXuan==undefined )
        {//确定精选已被选择;
            $('.jingxuan-tips').html('*请选择一个!')
            return false;
        }
        else
        {
            $('.jingxuan-tips').html('');
        };
        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:savecontent,
            data:{
                bodyTitle:$('#shoujixinxiForm input[name=bodyTitle]').val(),//副标题,  好
                content:neiRong,//正文内容,     好
                coverUrl:coverUrl,//封面图url          好
                featured:reMen,//是否热门    好
                labelId:ziXunTag,//标签id,    好
                popular:jingXuan,//是否精选      好
                title:$('#shoujixinxiForm input[name=title]').val(),//标题,   好
                type:1,//发布,    好
                userId:1,
            },
            dataType:'json',
            success:function (result){
                if(result.resultCode == 200)
                {
                    console.log('保存并发布成功!!!');
                    alert('保存并发布成功!');
                    window.location.href = zixun_admin + '?id=' + $.getUrlParam('id');;
                }
                else if(result.resultCode == 515)
                {
                    reLogin()
                }
                else
                {
                    alert('接口非200,非515')
                };
            },
            error:function (){
                console.log('发布失败!')
            }
        });
        return false;
    });

    // 取消预览
    $('.yulan-yincang').click(function(){
        $('.presee,.mask-change').hide();
    });

    //封装处理coverUrl函数,去掉http,,将不带http的值传给后台
    function isHttp(a)
    {
        if( a==null || a=='' )
        {
            return '';
        }
        else
        {
            if( a.indexOf(address) >= 0 )
            {//字符串当中包含http://,将这个给截取掉;
                var len = address.length;
                return a.substr(len);
            }
            else
            {//字符串当中不包含http://
                return a;
            };
        };
    };

    // 当后台状态码是515时,让客户重新登录
    function reLogin()
    {
        alert('登录超时,请重新登录!');
        localStorage.clear();
        window.location.href = login_jump;
    };

    // 为add_account这个页面little下的nav设置id...
    var changeId = $.getUrlParam('id');
    $('.fanhui a').attr( 'href','zixun_admin.html?id='+changeId );
    $('.tuwen a').attr( 'href','zixun_admin.html?id='+changeId );






});



